import React from 'react'
import { Row, Col } from 'antd'

// 引入对应的组件
import Header from './components/Header'
import Footer from './components/Footer'
import NavLeft from './components/NavLeft'
// import Home from './pages/home'

// 引入样式
import './style/common.less'
 class Admin extends React.Component {
    render () {
        return (
            <div>
                {/* 利用栅格方式布局 24列*/}
                <Row className="container">
                    <Col span={4} className="nav-left">
                       <NavLeft/>
                    </Col>
                    <Col span={20} className="main">
                        <Header/>
                        <Row className="content">
                            {this.props.children}
                        </Row>
                        <Footer/>
                    </Col>
                </Row>
            </div>
        )
    }
 }


 export default Admin